<template>
<div>
    <el-menu
        style="width: 200px; min-height: calc(100vh - 50px); background-color:black;"
        default-active="2"
        router
        class="el-menu-vertical-demo" >

        <el-sub-menu index="center">
          <template #title>
            <span style="color: white;">家谱管理系统主页</span>
          </template>
            <el-menu-item index="people">成员信息</el-menu-item>
            <el-menu-item index="family">家族信息</el-menu-item>
            <el-menu-item index="event">成员事件</el-menu-item>
            <el-menu-item index="relation">成员关系</el-menu-item>
            <el-menu-item index="tree">家族树</el-menu-item>
        </el-sub-menu>
      </el-menu>
</div>
</template>

<script>
export default{
    name:"Aside"
}
</script>

<style>

</style>